﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="Content/css/bootstrap.min.css" rel="stylesheet" />
    <link href="Content/css/style.min.css" rel="stylesheet" />
    <link href="Content/css/font-awesome.min.css" rel="stylesheet" />
</head>
<body>
    <div id="menu">
        <div class="logo">
            <img src="Content/images/logo.png" />
        </div>
        <div class="account">
            <span>Seaning<a href="#"><i class="fa fa-sign-out"></i></a></span>
        </div>
        <nav>
            <ul class="list">
                <li>
                    <a href="index.html" class="item"><i class="fa fa-dashboard"></i>控制面板</a>
                </li>
                <li>
                    <a href="article.html" class="item active"><i class="fa fa-book"></i>内容管理</a>
                </li>
                <li>
                    <a href="page.html" class="item"><i class="fa fa-sticky-note"></i>单页管理</a>
                </li>
                <li>
                    <a href="pic.html" class="item"><i class="fa fa-file-picture-o"></i>图片管理</a>
                </li>
            </ul>
        </nav>
    </div>
    <div id="main">
        <div class="title">文章管理</div>
        
        <div class="mb-4 tools w-100">
           <div class="btn-group">
               <a href="#" class="btn btn-secondary btn-sm">文章</a>
               <a href="#" class="btn btn-secondary btn-sm">分类</a>
           </div>
            <div class="float-right"><a href="#" class="btn btn-danger">写文章</a></div>
        </div>
        <div class="card article">
            <div class="card-body">
                <table class="table table-striped table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th width="400">标题</th>
                            <th>分类目录</th>
                            <th>日期</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody> 
                        <tr>
                            <th>修改SqlServer中的计算机名</th>
                            <td>生活</td>
                            <td>2017-11-13</td>
                            <td><span class="badge badge-secondary"><i class="fa fa-close"></i></span></td>
                            <td>
                                <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
                                <a href="#" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                            </td>
                        </tr>   
                        <tr>
                            <th scope="row">1</th>
                            <td>Mark</td>
                            <td>Otto</td>
                            <td><span class="badge badge-success"><i class="fa fa-check"></i></span></td>
                            <td>
                                <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-edit"></i></a>
                                <a href="#" class="btn btn-danger btn-sm"><i class="fa fa-trash"></i></a>
                            </td>
                        </tr>   
                        
                    </tbody>
                </table>
            </div>
            <div class="card-footer">
                <nav aria-label="Page navigation example">
                    <ul class="pagination justify-content-end">
                        <li class="page-item disabled">
                            <a class="page-link" href="#" tabindex="-1">Previous</a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#">Next</a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</body>
</html>
